<template>
    <div class="dee-loading">
        <img :src="loadingImg"/> <span>{{loadingText}}</span>
    </div>
</template>
<script>
  import loadingImg from '@/assets/images/loading.gif';
  export default {
    props: {
      loadingText: {
        type: String,
        default: '加载中，请稍候...'
      },
      loadingImg: {
        type: [Object, Array, String],
        default: loadingImg
      }
    }
  };
</script>
<style scoped lang="scss">
@import "../../assets/scss/_mixins";
    .dee-loading{
        display: flex;
        z-index: 800;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        @include flex-center();
        span{
            text-indent: 2em;
        }
    }
</style>
